{% extends "main.html" %}
{% block title %}Profile{% endblock %}
{% block head %}
<script type="text/javascript" src="/js/utils.js"></script>
<script type="text/javascript" src="/js/changepassword.js"></script>
<script type="text/javascript" src="/js/changeemail.js"></script>
{% endblock %}

{% block pageHeader %}
{% include "templates/navigation.html" %}
{% endblock %}

{% block content %}
<!--<div class="profile">
    <div class="portrait">
        <img alt="portrait" src="/img/portrait/demo.jpg" />
    </div>
    <div class="detail">

    </div>
</div>-->
<div class="form profileForm">
    <div class="row">
        <label class="caption">Email</label>
        <div class="field email required">
            <p class="error">I't not a valid email address.</p>
            <span class="indicator">XXX@test.com</span>
            <input type="text" id="email" name="email" style="display: none" />
            <a class="ajaxLink" href="#">Edit</a>
        </div>
    </div>
    <div class="row">
        <label class="caption">Company</label>
        <div class="field">
            <span class="indicator">Buzzi</span>
        </div>
    </div>
    <div class="row">
        <label class="caption">Group</label>
        <div class="field">
            <span class="indicator">Buzzi</span>
        </div>
    </div>
    <div class="row">
        <label class="caption">Password</label>
        <div class="field password required">
            <p class="error">Please input the passwords and check if the passwords you entered do match. The length
            of the password is at least 6 characters.</p>
            <span class="oldPassword" style="display: none">
                <label for="oldpassword">Current Password</label>
                <input type="password" id="oldpassword" name="oldpassword" />
            </span>
            <span class="newPassword" style="display: none">
                <label for="Password">New Password</label>
                <input id="Password" type="password" name="newpassword" />
            </span>
            <span class="confirmPassword" style="display: none">
                <label for="confirmPassword">Password Confirm</label>
                <input id="confirmPassword" type="password" name="confirmPassword" />
            </span>
            <a class="ajaxLink" href="#" onclick="HCM.changePassword()">Change password</a>
        </div>
    </div>
</div>
{% endblock %}
{% block footer %}
{% include "templates/copyright.html" %}
{% endblock %}